<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/style.css">
  
  <!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(91976561, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/91976561" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
  
  <title>Евклид</title>
</head>
<body>
  <header class="header">
    <div class="container flex">
      <div class="header__burger-menu">
        <svg class="header__burger-menu__burger-icon" width="30" height="23" viewBox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg">
          <rect width="30" height="3" fill="#333333"/>
          <rect y="10" width="30" height="3" fill="#333333"/>
          <rect y="10" width="30" height="3" fill="#333333"/>
          <rect y="20" width="30" height="3" fill="#333333"/>
          </svg>
      </div>
      <a href="#" class="link logo header__logo">
        <img src="./img/logo.svg" alt="Логотип Евклид" class="image header__logo__image logo__image">
      </a>
      <nav class="header__navigation-bar flex">
        <ul class="list header__navigation-bar__list flex" aria-label="Навигация по странице">
          <li class="list-item header__navigation-bar__list-item">
            <a href="#" class="link navigation-bar__list-item__link">
              О нас
            </a>
          </li>
          <li class="list-item header__navigation-bar__list-item">
            <a href="#" class="link navigation-bar__list-item__link">
              Проекты
            </a>
          </li>
          <li class="list-item header__navigation-bar__list-item">
            <a href="#" class="link navigation-bar__list-item__link">
              Этапы
            </a>
          </li>
          <li class="list-item header__navigation-bar__list-item">
            <a href="#" class="link navigation-bar__list-item__link">
              Отзывы
            </a>
          </li>
          <li class="list-item header__navigation-bar__list-item">
            <a href="#" class="link navigation-bar__list-item__link">
              Контакты
            </a>
          </li>
        </ul>
      </nav>
      <div class="navigation-bar__search__wrapper flex">
        <span class="search__btn__wrapper">
          <button class="navigation-bar__search__btn navigation-bar__search" aria-label="Открыть строку поиска">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
              <rect width="7.56126" height="1.89031" transform="matrix(0.713342 0.700816 -0.713342 0.700816 18.6062 17.3762)" fill="#333333"/>
              <path d="M20.9303 10.7726C20.9303 16.1533 16.4855 20.5452 10.9652 20.5452C5.44478 20.5452 1 16.1533 1 10.7726C1 5.39198 5.44478 1 10.9652 1C16.4855 1 20.9303 5.39198 20.9303 10.7726Z" stroke="#333333" stroke-width="2"/>
              </svg>
          </button>
        </span>

        <form action="" method="" class="navigation-bar__search__form">
          <input type="search" name="s" id="search" class="navigation-bar__search__form__search-input" placeholder="Что будем искать?">

          <button class="navigation-bar__search__btn navigation-bar__search__closed-btn" aria-label="удалить набранный текст">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
              <rect x="8.95386" y="7.30435" width="11.6645" height="2.33291" transform="rotate(45 8.95386 7.30435)" fill="#999999"/>
              <rect x="7.30432" y="15.5524" width="11.6645" height="2.33291" transform="rotate(-45 7.30432 15.5524)" fill="#999999"/>
              <circle cx="12" cy="12" r="11" stroke="#999999" stroke-width="2"/>
              </svg>
          </button>
        </form>
        </div>

    </div>
  </header>

  <main>
    <section class="swiper slider container">
      <div class="swiper-wrapper" aria-hidden="true">
        <div class="swiper-slide slide-1" aria-hidden="true"></div>
        <div class="swiper-slide slide-2" aria-hidden="true"></div>
        <div class="swiper-slide slide-3" aria-hidden="true"></div>
      </div>


      <div class="swiper-pagination" aria-hidden="true"></div>

      <div class="slider">
        <div class="slider__container flex">
          <div class="slider__container__content-wrapper">
            <h1 class="headline slider__headline">Проектные решения любой сложности</h1>
            <p class="text slider__text">Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом проектантов</p>
        </div>
          <button class="btn slider__btn">Заказать расчёт</button>
        </div>
      </div>
    </section>

    <section class="about-us">
      <div class="container">
        <h2 class="headline about-us__headline">О нас</h2>
        <p class="text about-us__text">Также как перспективное планирование создаёт необходимость включения в производственный план целого ряда внеочередных мероприятий с учётом комплекса экспериментов, поражающих по своей масштабности и грандиозности. А также диаграммы связей могут быть описаны максимально подробно. Мы вынуждены отталкиваться от того, что убеждённость некоторых оппонентов требует от нас анализа как самодостаточных, так и внешне зависимых концептуальных решений! Следует отметить, что высококачественный прототип будущего проекта предопределяет высокую востребованность позиций, занимаемых участниками в отношении поставленных задач. Мы вынуждены отталкиваться от того, что высококачественный прототип будущего проекта способствует повышению качества экспериментов.</p>
        <div class="about-us__wrapper flex">
          <div class="card-article flex">
            <div class="card-article__discr-wrapper flex">
              <p class="text card-article__text">Принимая во внимание показатели успешности, перспективное планирование способствует подготовке и реализации новых принципов.</p>
              <button class="btn card-article__btn">Подробнее</button>
            </div>
          </div>

          <ul class="list about-us__list">
            <li class="list-item about-us__list-item about-us__list-item__bg-image-1">
              <h3 class="headline about-us__headline-discr">Консультация с широким активом</h3>
              <p class="text about-us__list-item__text">А также свежий взгляд на привычные вещи  &mdash; безусловно открывает новые горизонты для как самодостаточных, так и внешне зависимых концептуальных решений.</p>
            </li>
            <li class="list-item about-us__list-item about-us__list-item__bg-image-2">
              <h3 class="headline about-us__headline-discr">В своём стремлении повысить</h3>
              <p class="text about-us__list-item__text">Качество жизни, они забывают, что сплочённость команды профессионалов представляет собой интересный эксперимент проверки прогресса профессионального сообщества.</p>
            </li>
          </ul>
        </div>
      </div>
    </section>

    <section class="working">
      <div class="container">
        <h2 class="headline working__headline">Как мы работаем</h2>

      <div class="working-slider">
        <div class="working-slider__headline">
          <ul class="list working-slider__list flex" aria-label="список для переключения контента">
            <li class="list-item working-slider__list-item">
              <button class="working-slider__list__btn working-slider__list__btn_active" tab-event="0" aria-label="выбранный шаг">1 шаг</button>
            </li>
            <li class="list-item working-slider__list-item">
              <button class="working-slider__list__btn" tab-event="1">2 шаг</button>
            </li>
            <li class="list-item working-slider__list-item">
              <button class="working-slider__list__btn" tab-event="2">3 шаг</button>
            </li>
            <li class="list-item working-slider__list-item">
              <button class="working-slider__list__btn" tab-event="3">4 шаг</button>
            </li>
          </ul>
        </div>
        <div class="working-slider__content-wrapper working-slider__content_show" id="content-0" aria-label="первый шаг контент">
            <div class="working-slider__main-content-wrapper flex">
              <h3 class="headline working-slider__headline">Проводим консультацию</h3>
              <p class="text working-slider__main-text-discr">Влечет за собой процесс внедрения и модернизации приоритизации разума над эмоциями. В рамках спецификации современных стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими инстанциями. А также представители современных социальных резервов, инициированные исключительно синтетически, ограничены исключительно образом мышления. Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные исследования подвергнуты целой серии независимых исследований. Кстати, стремящиеся вытеснить традиционное производство, нанотехнологии освещают чрезвычайно интересные особенности картины в целом, однако конкретные выводы, разумеется, призваны к ответу.</p>
              <div class="working-slider__btn-wrapper flex">
                <button class="btn working-slider__btn">Подробнее</button>
                <button class="btn working-slider__btn working-slider__btn_apperance">Договор</button>
              </div>
            </div>
            <picture class="working-slider__image-wrapper flex">
              <source media="(max-width: 320px)" srcset="./img/working__slider__image_320.jpg">
              <source media="(max-width: 769px)" srcset="./img/working__slider__image_768.jpg">
              <source media="(max-width: 1095px)" srcset="./img/working__slider__image-1_1024px.jpg">
              <source srcset="./img/working__slider__image-1_x2.jpg 2x">
                <img src="./img/working__slider__image-1_x1.jpg" alt="люди обсуждают схему на листке" class="image working-slider__image">
            </picture>
          </div>

          <div class="working-slider__content-wrapper" id="content-1" aria-label="второй шаг контент">
            <div class="working-slider__main-content-wrapper flex">
              <h3 class="headline working-slider__headline">Составляем смету</h3>
              <p class="text working-slider__main-text-discr">Внедрения и модернизации приоритизации разума над эмоциями. В рамках спецификации современных стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими инстанциями. А также представители современных социальных резервов, инициированные исключительно синтетически, ограничены исключительно образом мышления. Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные исследования подвергнуты целой серии независимых исследований.</p>
              <div class="working-slider__btn-wrapper flex">
                <button class="btn working-slider__btn">Подробнее</button>
                <button class="btn working-slider__btn working-slider__btn_apperance">Договор</button>
              </div>
            </div>
            <picture class="working-slider__image-wrapper flex">

              <source srcset="./img/working__slider__image-2_x2.jpg 2x">
                <img src="./img/working__slider__image-2_x1.jpg" alt="человек записывает" class="image working-slider__image">
            </picture>
          </div>

          <div class="working-slider__content-wrapper" id="content-2" aria-label="третий шаг контент">
            <div class="working-slider__main-content-wrapper flex">
              <h3 class="headline working-slider__headline">Привлекаем подрядчиков</h3>
              <p class="text working-slider__main-text-discr">Идейные соображения высшего порядка, а также новая модель организационной деятельности требует анализа прогресса профессионального сообщества. Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития. Разнообразный и богатый опыт говорит нам, что новая модель организационной деятельности говорит о возможностях системы массового участия. Принимая во внимание показатели успешности, постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнить важные задания по разработке прогресса профессионального сообщества.</p>
              <div class="working-slider__btn-wrapper flex">
                <button class="btn working-slider__btn">Подробнее</button>
                <button class="btn working-slider__btn working-slider__btn_apperance">Договор</button>
              </div>
            </div>
            <picture class="working-slider__image-wrapper flex">

              <source srcset="./img/working__slider__image-3_x2.jpg 2x">
                <img src="./img/working__slider__image-3_x1.jpg" alt="человек набирает текст на ноутбуке" class="image working-slider__image">
            </picture>
          </div>

          <div class="working-slider__content-wrapper" id="content-3" aria-label="четвертый шаг контент">
            <div class="working-slider__main-content-wrapper flex">
              <h3 class="headline working-slider__headline">Инспектируем все этапы работ</h3>
              <p class="text working-slider__main-text-discr">Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития. Разнообразный и богатый опыт говорит нам, что новая модель организационной деятельности говорит о возможностях системы массового участия. Принимая во внимание показатели успешности, постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет.</p>
              <div class="working-slider__btn-wrapper flex">
                <button class="btn working-slider__btn">Подробнее</button>
                <button class="btn working-slider__btn working-slider__btn_apperance">Договор</button>
              </div>
            </div>
            <picture class="working-slider__image-wrapper flex">

              <source srcset="./img/working__slider__image-4_x2.jpg 2x">
                <img src="./img/working__slider__image-4_x1.jpg" alt="рабочий стол с книжкой, очками и клавиатурой" class="image working-slider__image">
            </picture>
          </div>
      </div>
    </div>
    </section>
    <section class="questions">
      <div class="container">
        <h2 class="headline questions__headline">Часто задаваемые вопросы</h2>

        <details class="details questions__details">
          <summary class="summary details__summary"><h3 class="headline details__headline">Из чего формируется конечная стоимость проекта?</h3>
          <span class="questions__details__toggler">
            <svg class="questions__details__toggler__svg" width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
              <ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC"/>
              <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z" fill="#666666"/>
              </svg>

          </span>
          </summary>
          <p class="text details__text">Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы. Но высококачественный прототип будущего проекта является качественно новой ступенью первоочередных требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут объявлены нарушающими общечеловеческие нормы этики и морали. И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на роль ключевых факторов.</p>
          <p class="text details__text">Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу. Явные признаки победы институционализации набирают популярность среди определенных слоев населения, а значит, должны быть объединены в целые кластеры себе подобных. Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены в исключительно положительном свете.
          </p>

        </details>

        <details class="details questions__details">
          <summary class="summary details__summary">
            <h3 class="headline details__headline">У меня есть свой проект. Сможем ли мы его доработать / реализовать?</h3>
            <span class="questions__details__toggler">
              <svg class="questions__details__toggler__svg" width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                <ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC"/>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z" fill="#666666"/>
                </svg>

            </span>
          </summary>
        </details>
        <details class="details questions__details">
          <summary class="summary details__summary">
            <h3 class="headline details__headline">Я выбираю между разными компаниями. В чём ваше отличие?</h3>
            <span class="questions__details__toggler">
              <svg class="questions__details__toggler__svg" width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                <ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC"/>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z" fill="#666666"/>
                </svg>

            </span>
          </summary>
        </details>
        <details class="details questions__details">
          <summary class="summary details__summary">
            <h3 class="headline details__headline">Могу ли я делегировать вам работу / согласование с подрядчиком / организацией?</h3>
            <span class="questions__details__toggler">
              <svg class="questions__details__toggler__svg" width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                <ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC"/>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z" fill="#666666"/>
                </svg>

            </span>
          </summary>
        </details>
        <details class="details questions__details">
          <summary class="summary details__summary">
            <h3 class="headline details__headline">Могу ли я вернуть деньги на каком-либо из этапов работ?</h3>
            <span class="questions__details__toggler">
              <svg class="questions__details__toggler__svg" width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                <ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC"/>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z" fill="#666666"/>
                </svg>

            </span>
          </summary>
        </details>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container footer__container flex">
      <div class="footer__left-content-wrapper flex">
        <a href="#" class="link logo footer__logo">
          <img src="./img/logo_footer.svg" alt="Логотип Евклид" class="image logo__image footer__logo__image">
        </a>
        <ul class="list footer__list-link" role="navigation">
          <li class="list-item footer__list-item">
            <a href="#" class="link footer__list-item__link">О нас</a>
          </li>
          <li class="list-item footer__list-item">
            <a href="#" class="link footer__list-item__link">Проекты</a>
          </li>
          <li class="list-item footer__list-item">
            <a href="#" class="link footer__list-item__link">Отзывы</a>
          </li>
          <li class="list-item footer__list-item">
            <a href="#" class="link footer__list-item__link">Договор оферты</a>
          </li>
          <li class="list-item footer__list-item">
            <a href="#" class="link footer__list-item__link">Договор подряда</a>
          </li>
          <li class="list-item footer__list-item">
            <a href="#" class="link footer__list-item__link">Конфиденциальность</a>
          </li>
          <li class="list-item footer__list-item">
            <a href="#" class="link footer__list-item__link">Партнёрское соглашение</a>
          </li>
        </ul>

        <ul class="list footer__social-media-list flex" aria-label="переход в соцсети">
          <li class="list-item footer__social-media__list-item">
            <a href="#" class="link footer__list-item__social-media-link" aria-label="переход в фейсбук">
            <svg class="footer__list-item__social-media-link__svg" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M30 0C13.5 0 0 13.5241 0 30.1807C0 45.241 10.98 57.741 25.32 60V38.9157H17.7V30.1807H25.32V23.5241C25.32 15.9639 29.79 11.8072 36.66 11.8072C39.93 11.8072 43.3499 12.3795 43.3499 12.3795V19.8193H39.57C35.85 19.8193 34.68 22.1386 34.68 24.5181V30.1807H43.0199L41.6699 38.9157H34.68V60C41.7493 58.8791 48.1866 55.2576 52.8297 49.7893C57.4729 44.3211 60.016 37.3664 59.9999 30.1807C59.9999 13.5241 46.4999 0 30 0Z" fill="#7C7C7C"/>
            </svg>
          </a>
        </li>
          <li class="list-item footer__social-media__list-item">
            <a href="#" class="link footer__list-item__social-media-link" aria-label="переход в вконтакте">
              <svg class="footer__list-item__social-media-link__svg" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M30 0C13.432 0 0 13.4314 0 30C0 46.5686 13.432 60 30 60C46.568 60 60 46.5686 60 30C60 13.4314 46.568 0 30 0ZM45.2176 33.2446C46.6159 34.6103 48.0951 35.8957 49.3504 37.4026C49.9065 38.0692 50.4307 38.7585 50.8297 39.5337C51.3993 40.6392 50.8849 41.8515 49.8954 41.9171L43.7494 41.9159C42.162 42.0473 40.8988 41.4071 39.8339 40.3218C38.9837 39.457 38.195 38.5332 37.3762 37.6389C37.0416 37.2718 36.6893 36.9262 36.2695 36.6543C35.4316 36.1093 34.7036 36.2762 34.2236 37.1515C33.7344 38.0421 33.6227 39.0292 33.5761 40.0205C33.5092 41.4697 33.0721 41.8484 31.618 41.9165C28.5109 42.062 25.5628 41.5906 22.8227 40.0241C20.4055 38.6425 18.5346 36.6924 16.9043 34.4845C13.7297 30.1805 11.2984 25.4566 9.11386 20.597C8.6222 19.5026 8.98189 18.917 10.1893 18.8943C12.1952 18.8557 14.2011 18.8606 16.2071 18.8925C17.0234 18.9054 17.5636 19.3725 17.8772 20.1428C18.9612 22.8098 20.2901 25.3473 21.9554 27.7007C22.3992 28.3274 22.8522 28.9522 23.4973 29.3948C24.2093 29.8834 24.7519 29.7219 25.0877 28.9271C25.3025 28.4219 25.3952 27.8817 25.4418 27.3404C25.6014 25.486 25.6205 23.6323 25.3442 21.7854C25.1724 20.6296 24.5224 19.8832 23.3702 19.6647C22.7834 19.5536 22.8694 19.3363 23.1548 19.0011C23.6501 18.4217 24.1142 18.0632 25.0416 18.0632L31.9857 18.062C33.0801 18.2768 33.3256 18.7679 33.4742 19.8703L33.4803 27.5871C33.4674 28.0137 33.6945 29.2782 34.4606 29.5574C35.0744 29.76 35.4795 29.2677 35.8465 28.8792C37.5118 27.112 38.6983 25.0263 39.7608 22.8675C40.2298 21.9155 40.6343 20.9303 41.0271 19.9433C41.3193 19.2135 41.7735 18.8544 42.5972 18.8667L49.2841 18.8747C49.4811 18.8747 49.6812 18.8765 49.8764 18.9103C51.0034 19.103 51.3121 19.5879 50.9635 20.6873C50.4147 22.4145 49.3485 23.8533 48.3063 25.2958C47.1892 26.8401 45.9977 28.3304 44.8917 29.8815C43.8752 31.2994 43.9556 32.0133 45.2176 33.2446Z" fill="#7C7C7C"/>
              </svg>
            </a>
          </li>
          <li class="list-item footer__social-media__list-item">
            <a href="#" class="link footer__list-item__social-media-link" aria-label="переход в instagram">
              <svg class="footer__list-item__social-media-link__svg" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M24.2578 30C24.2578 33.1714 26.8286 35.7422 30 35.7422C33.1714 35.7422 35.7422 33.1714 35.7422 30C35.7422 26.8286 33.1714 24.2578 30 24.2578C26.8286 24.2578 24.2578 26.8286 24.2578 30Z" fill="#7C7C7C"/>
                <path d="M16.571 19.8403C16.8471 19.0923 17.2874 18.4153 17.8596 17.8596C18.4154 17.2874 19.0919 16.847 19.8404 16.571C20.4474 16.3352 21.3593 16.0546 23.0388 15.9781C24.8557 15.8953 25.4004 15.8774 30 15.8774C34.6001 15.8774 35.1448 15.8948 36.9612 15.9777C38.6407 16.0546 39.5531 16.3352 40.1596 16.571C40.9081 16.847 41.5851 17.2874 42.1404 17.8596C42.7126 18.4153 43.1529 19.0919 43.4294 19.8403C43.6652 20.4473 43.9458 21.3596 44.0222 23.0392C44.1051 24.8556 44.1229 25.4003 44.1229 30.0004C44.1229 34.6 44.1051 35.1447 44.0222 36.9616C43.9458 38.6411 43.6652 39.553 43.4294 40.16C43.1529 40.9084 42.713 41.585 42.1408 42.1407C41.5851 42.7129 40.9085 43.1533 40.1601 43.4293C39.5531 43.6655 38.6407 43.9461 36.9612 44.0226C35.1448 44.1054 34.6005 44.1228 30.0005 44.1228C25.3999 44.1228 24.8552 44.1054 23.0392 44.0226C21.3597 43.9461 20.4474 43.6655 19.8404 43.4293C18.338 42.8498 17.1506 41.6624 16.571 40.16C16.3353 39.553 16.0547 38.6411 15.9778 36.9616C15.8949 35.1447 15.8775 34.6 15.8775 30.0004C15.8775 25.4003 15.8949 24.8556 15.9778 23.0392C16.0542 21.3596 16.3348 20.4473 16.571 19.8403ZM30 38.8457C34.8857 38.8457 38.8463 34.8856 38.8463 29.9999C38.8463 25.1142 34.8857 21.1541 30 21.1541C25.1147 21.1541 21.1542 25.1142 21.1542 29.9999C21.1542 34.8856 25.1147 38.8457 30 38.8457ZM20.8044 22.8716C21.9461 22.8716 22.8717 21.946 22.8717 20.8044C22.8717 19.6627 21.9461 18.7371 20.8044 18.7371C19.6628 18.7371 18.7372 19.6627 18.7372 20.8044C18.7376 21.946 19.6628 22.8716 20.8044 22.8716Z" fill="#7C7C7C"/>
                <path d="M30 0C46.566 0 60 13.434 60 30C60 46.566 46.566 60 30 60C13.434 60 0 46.566 0 30C0 13.434 13.434 0 30 0ZM12.8773 37.1022C12.9607 38.936 13.2523 40.188 13.678 41.2839C14.5729 43.5979 16.4021 45.4271 18.7161 46.322C19.8116 46.7477 21.064 47.0389 22.8973 47.1227C24.7343 47.2064 25.3212 47.2266 29.9995 47.2266C34.6783 47.2266 35.2647 47.2064 37.1022 47.1227C38.9355 47.0389 40.188 46.7477 41.2834 46.322C42.4333 45.8894 43.4743 45.2115 44.3349 44.3349C45.211 43.4747 45.889 42.4333 46.3216 41.2839C46.7473 40.1884 47.0389 38.936 47.1222 37.1027C47.2069 35.2652 47.2266 34.6783 47.2266 30C47.2266 25.3217 47.2069 24.7348 47.1227 22.8978C47.0393 21.064 46.7482 19.812 46.3225 18.7161C45.8899 17.5667 45.2115 16.5253 44.3349 15.6651C43.4747 14.7885 42.4333 14.1106 41.2839 13.678C40.188 13.2523 38.936 12.9611 37.1022 12.8773C35.2652 12.7936 34.6783 12.7734 30 12.7734C25.3217 12.7734 24.7348 12.7936 22.8978 12.8778C21.064 12.9611 19.812 13.2523 18.7161 13.6775C17.5667 14.1101 16.5253 14.7885 15.6647 15.6651C14.7885 16.5257 14.1101 17.5667 13.678 18.7161C13.2518 19.812 12.9607 21.064 12.8769 22.8978C12.7931 24.7348 12.7734 25.3217 12.7734 30C12.7734 34.6783 12.7931 35.2652 12.8773 37.1022Z" fill="#7C7C7C"/>
              </svg>
            </a>
          </li>
        </ul>
      </div>

      <div class="form-wrapper footer__form-wrapper flex">
        <h2 class="headline form__headline footer__form__headline">Оставить заявку</h2>

        <form action="https://jsonplaceholder.typicode.com/posts" method="post" class="form footer__form flex">
          <div class="form__input-text-label__wrapper flex">
            <input type="text" name="fullName" id="form__full-name" placeholder="Фамилия, имя и отчество*" class="form__text-label footer__form__text-label" required>
            <input type="email" name="mail" id="form__email" placeholder="E-mail*" class="form__text-label footer__form__text-label" required>
            <textarea name="textMessage" id="form__text-message" cols="30" rows="6" placeholder="Сообщение" class="textarea form__text-label form__textarea footer__form__text-label footer__form__textarea"></textarea>
          </div>
          <div class="form__submit-form-btn__wrapper flex">
            <button type="submit" class="btn form__btn footer__form__btn">Отправить данные</button>
            <label for="chek-processing" class="label form__check-label footer__form__check-label flex">
              <input type="checkbox" name="chek-processing" id="chek-processing" class="form__check footer__form__check" required>
              <span class="text form__check-label__text">Согласен на обработку данных</span>
            </label>
        </div>
        </form>
      </div>

      <div class="footer__right-content-wrapper">
        <p class="text footer__right-content-wrapper__text">Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: разбавленное изрядной долей эмпатии, рациональное мышление позволяет оценить значение модели развития. Таким образом, консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании стандартных подходов.</p>
      </div>

    </div>
  </footer>

  <script defer src="./js/index.js"></script>
  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/swiper.js"></script>
</body>
</html>
